@import "../components";

$tip_icon_base64: url();

.delivery-window-input {
	&.form-fieldset {
		@extend %form-fieldset;
	}

	.form-label {
		@extend %form-label;
	}

	.select-row {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;

		@media (min-width: calc($break-small + 1px)) {
			width: 457px;
		}
	}

	.form-select {
		@extend %form-select;
		flex-basis: calc(50% - 4px);
		margin-bottom: 12px;

		@media screen and (max-width: $break-small) {
			flex-basis: 100%;
		}
	}

	.field-tip {
		display: flex;
		gap: 8px;

		.tip-icon {
			background: $studio-white $tip_icon_base64 no-repeat center;
			height: 20px;
			width: 20px;
		}

		.tip-text {
			color: $studio-gray-40;
			font-size: $font-body-small;
			font-weight: 400;
			line-height: $font-title-small;
		}
	}
}
